<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<meta name="full-screen" content="yes">
		<meta name="x5-fullscreen" content="true">
		<meta name="apple-touch-fullscreen" content="yes">
		<meta name="screen-orientation" content="portrait">
		<meta name="x5-orientation" content="portrait">
		<meta name="apple-mobile-web-app-status-bar-style" content="black" />
		<meta name="format-detection" content="telephone=no" />
		<meta name="format-detection" content="email=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="../../assets/css/amazeui.css"/>
		<link rel="stylesheet" type="text/css" href="../../assets/css/amazeui.flat.css"/>
		<link rel="stylesheet" type="text/css" href="../../assets/css/bingo.css"/>
		<style type="text/css">
			html,body{
				height: 100%;
				background: #000;
			}
			/*li{
				list-style-type:none;
			}*/
		</style>
	</head>
	<body>
		<a href="javascript: void(0)" class="menu-fold">
          	<i class="am-menu-toggle-icon am-icon-bars"></i>
	    </a>
		<!-- 菜单 -->
		<div class="menu-wrapper">
			
		</div>
        <!--<ul class="sidebar-nav">
            <li class="sidebar-nav-heading">Components <span class="sidebar-nav-heading-info"> 附加组件</span></li>
            <li class="sidebar-nav-link">
                <a href="index.html">
                	<img class="sidebar-nav-link-logo" src="../../assets/i/examples/admin-firefox.png"></img>首页
                    <i class="am-icon-home sidebar-nav-link-logo"></i> 首页
                </a>
            </li>
 
            <li class="sidebar-nav-link">
                <a href="javascript:;" class="sidebar-nav-sub-title">
                	<img class="sidebar-nav-link-logo" src="../../assets/i/examples/admin-chrome.png"></img>
                    <i class="am-icon-table sidebar-nav-link-logo"></i> 数据列表
                    <span class="am-icon-chevron-down am-fr am-margin-right-sm sidebar-nav-sub-ico"></span>
                </a>
                <ul class="sidebar-nav sidebar-nav-sub">
                    <li class="sidebar-nav-link">
                        <a href="table-list.html">
                            <span class="am-icon-angle-right sidebar-nav-link-logo"></span> 文字列表
                        </a>
                    </li>

                    <li class="sidebar-nav-link">
                        <a href="table-list-img.html">
                            <span class="am-icon-angle-right sidebar-nav-link-logo"></span> 图文列表
                        </a>
                    </li>
                </ul>
            </li>

        </ul>-->
        
        <script src="../../assets/js/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../assets/js/amazeui.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../assets/js/bingo.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../bingo-base.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
		var param = {
//		  "id": "",
//		  "className": "",
//		  "title":"",
//		  // 菜单数据
//		  "content": [
//		    {
//		      "title": "", // 一级菜单标题
//		      "icon":"",	//标题图片
//		      "link": "", // 一级菜单链接
//		      "className": "", // 菜单 li 上的自定义 Class
//		      "haveSub":"",	//是否有二级菜单
//		      "subMenu": [{
//		        "title": "", // 二级菜单标题
//		        "link": "", // 二级菜单链接
//		        "className": "", // 菜单上的 Class
//		      }]
//		    }
//		  ]
		  "id": "menu",
		  "className": "menu",
		  "title":"菜单",
		  // 菜单数据
		  "content": [
		    {
		      "title": "一级菜单", // 一级菜单标题
		      "icon":"../../assets/i/examples/admin-firefox.png",	//标题图片
		      "link": "", // 一级菜单链接
		      "className": "one", // 菜单 li 上的自定义 Class
		      "haveSub":true,	//是否有二级菜单
		      "subMenu": [{
		        "title": "二级菜单", // 二级菜单标题
		        "link": "##", // 二级菜单链接
		        "className": "two", // 菜单上的 Class
		      },{
		        "title": "二级菜单", // 二级菜单标题
		        "link": "##", // 二级菜单链接
		        "className": "two", // 菜单上的 Class
		      }]
		    },
		    {
		      "title": "一级菜单", // 一级菜单标题
		      "icon":"../../assets/i/examples/admin-chrome.png",	//标题图片
		      "link": "", // 一级菜单链接
		      "className": "one", // 菜单 li 上的自定义 Class
		      "haveSub":true,	//是否有二级菜单
		      "subMenu": [{
		        "title": "二级菜单", // 二级菜单标题
		        "link": "##", // 二级菜单链接
		        "className": "two", // 菜单上的 Class
		      }]
		    },
		    {
		      "title": "一级菜单", // 一级菜单标题
		      "icon":"../../assets/i/examples/admin-ie.png",	//标题图片
		      "link": "##", // 一级菜单链接
		      "className": "one", // 菜单 li 上的自定义 Class
		      "haveSub":false,	//是否有二级菜单
		    }
		  ]
		}
		
		//展开/隐藏
//		$(".menu-fold").on('click',function(){
//			$(".sidebar-nav").toggle("normal");
//		});
//		
//		if($(window).width() < 1024){
////			$(".sidebar-nav").toggle("normal");
//		}
//		
//		
//		// 侧边菜单
//		$('.sidebar-nav-sub-title').on('click', function() {
//		    $(this).siblings('.sidebar-nav-sub').slideToggle(80)
//		        .end()
//		        .find('.sidebar-nav-sub-ico').toggleClass('sidebar-nav-sub-ico-rotate');
//		})
		
		function callback(){
			console.log("创建表单成功");
		}
		
		$B.createMenu($(".menu-fold"),$(".menu-wrapper"),param,callback);
		</script>
	</body>
</html>

